<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Gallery</title>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/gallery.css" />
	
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script src="js/slides.min.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true
			});
		});
	</script>
<jsp:include page="/jsp/menu.jsp" />
</head>

<body  background="sfondo.jpg">
<br><br>
	<div id="container">
		<div id="example">
			
			<div id="slides">
				<div class="slides_container">
				
					<a href="img2.jpg"  target="_blank">
					<img src="img2.jpg" width="670" height="370" alt="Slide 1">
					</a>
				
					<a href="Aerobica.jpg"  target="_blank">
					<img src="Aerobica.jpg" width="670" height="370" alt="Slide 2">
					</a>
					
					<a href="im3.jpg"  target="_blank">
					<img src="img3.jpg" width="670" height="370" alt="Slide 3">
					</a>
					
					<a href="spinning.jpg"  target="_blank">
					<img src="spinning.jpg" width="670" height="370" alt="Slide 4">
					</a>
					
					<a href="im5.jpg"  target="_blank">
					<img src="img5.jpg" width="670" height="370" alt="Slide 5">
					</a>

	
					<a href="Pilates.jpg"  target="_blank">
					<img src="Pilates.jpg" width="670" height="370" alt="Slide 6">
					</a>
					
					<a href="GAG.jpg"  target="_blank">
					<img src="GAG.jpg" width="670" height="370" alt="Slide 7">
					</a>
				</div>
				<a href="#" class="prev"><img src="arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
				<a href="#" class="next"><img src="arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
			</div>
			<img src="example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
		</div>
	
		<!-- ciao  -->
	</div>

</body>
</html>